<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="x" uri="http://java.sun.com/jsp/jstl/xml"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE html>
<html>
<head>
<base href="<%=basePath%>">

<title>Chart page</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
<link href="<%=basePath%>css/jquery-ui.min.css" rel="stylesheet">
<link href="<%=basePath%>css/jquery-ui.structure.min.css"
	rel="stylesheet">
<link href="<%=basePath%>css/jquery-ui.theme.min.css" rel="stylesheet">
<script type="text/javascript" src="<%=basePath%>js/dygraph-combined.js"></script>
<script type="text/javascript" src="<%=basePath%>js/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="<%=basePath%>js/jquery-ui.min.js"></script>
<script type="text/javascript" src="<%=basePath%>js/Chart.min.js"></script>
<script type="text/javascript" src="<%=basePath%>js/jquery.ztree.core-3.5.min.js"></script>
<link rel="stylesheet" href="<%=basePath%>css/zTreeStyle.css" type="text/css">
<!--optional css-->
<script>
	     
  
	function retrieve(data) {
		console.log(data);
		$.fn.zTree.init($("#treeDemo"), setting, data);
	}
	var setting =[];
	

	$(document).ready(function() {
		$.post(
                    "jsonSample.html",
                            {   
                                "method" : "zTree",
                                "otherText" : "test"
                            }, function(data) {
                                retrieve(data);
                            }, "json");    
		
		
	});
</script>
</head>

<body>
	This is my chart page.
	<br>
	 <div class="zTreeDemoBackground left">
		<ul id="treeDemo" class="ztree"></ul>
	</div>
	 
	
	
</body>
</html>
